
$unit:0.5px;
// .etit{
//     font-size: 48*$unit;
//     color: #3D6FF0;
//     text-align: center;
//     margin: 40px 0 24*$unit;
//     line-height: 66*$unit;
//   }
  .name{
    display: flex;
    align-items: center;
    margin-bottom: 6*$unit;
    &-name{
      flex: 1;
      font-size: 32*$unit;
      font-weight: bold;
    }
    &-icon{
      width: 50*$unit;
      height: 50*$unit;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      font-size: 32*$unit;
      margin-right: 12*$unit;
    }
    &-status{
      margin-right: 60*$unit;
      font-size: 38*$unit;
      &.iconsuccess{
        color: #78C6C2;
      }
      &.icontips{
        color: #FE824C;
      }
    }
  }
  
 $colors:#42CCCC,#F7C807,#07B4F7,#b580eb,#509CFA;
//  $liColor:#f5ad1b,#5f89ce,#94bf45,#da8ec5,#78bfc2,#bec278;
 
 // 开始 @each 循环遍历数组
 // $c 作为循环变量，代表了数组的元素，不是索引~！！！
 @each $c in  $colors{
    $i:index($colors,$c);        // 获取 $c 在数组中的索引，并赋值给 $i 赋值用冒号，不是等号~！ 
    .icon#{$i}{                   // 经典的地方来了，SCSS 循环是从 1 开始，不是 0 哦~
        background: $c;           // 背景色
    }
 }
 
//   .loop(@index) when(@index <= length(@colors)){
//       .icon@{index}{
//           background: extract(@colors, @index);
//       }
//       .loop(@index + 1);
//   }
//   .loop(0);
  
  .flex{
    display: flex;
    overflow: hidden;
  }
  .flex1{
    flex:1;
    overflow: hidden;
  }
  .content{
    font-size: 28*$unit;
    padding-bottom: 40*$unit;
    
  }
  .label{
    color: #B2B2B2
  }
  .value{
    color: #151515;
  }
  .attr{
    color: #888888 ;
  }
  .sex{
    width: 28*$unit;
    height: 28*$unit;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24*$unit;
    color: #ffffff;
    margin-left: 10*$unit;
  }
  .iconnv1{
    background: #fe4c95;
  }
  .iconnan1{
    background: #8C9EFF;
  }
  .ac{
    align-items: center;
  }
  .fz{
    font-size: 28*$unit;
  }
  .mr{
    margin-right: 30*$unit;
  }
  .formboxs{
    line-height: 80*$unit;
  }
  .placeholder{
    color: #666;
  }
  .input{
    border-width: 0;
  }
  .arritem{
    border-bottom: 2*$unit #f1f1f1 dashed;
    &:last-child{
      border-bottom-width: 0;
    }
  }
  .textarea{
    border-width:0;
    box-sizing: border-box;
    padding:2px 0;
    width: 100%;
  }
.submit{
  position: fixed;
  background-color: #ffffff;
  border-top: 1px solid #e1e1e1;
  width: 100%;
  box-sizing: border-box;
  font-size: 100px;
  z-index: 999;
  padding: 40*$unit 56*$unit;
  bottom: 0;
  left: 0;
  &-btn{
    font-size: 36*$unit;
    background-color: #3D6FF0;
    color: #ffffff;
    height: 80*$unit;
    line-height: 80*$unit;
    text-align: center;
  }
}
.zeh{
  height: 160*$unit;
}
.e-top{
  padding-top: 42*$unit;
}

.newadd{
  color: #3D6FF0;
  font-size: 28*$unit;
}
.delitem{
  height: 80*$unit;
  align-items: center;
  color: #3D6FF0;
}
.delicon{
  display: block;
  height: 32*$unit;
  width: auto;
  margin-right: 10*$unit;
}
.iconxinzeng{
  display: inline-block;
  margin-left: 10*$unit;
  font-size: 32*$unit;
}